<template>
  <v-container class="vcontainer">
    <!--风控-->
    <v-container class="vcontainer">
      <div class="detail-info basicMain">
        <v-tabs v-model="active" class="vtab-toggle" active-class="vtab-active">
          <v-tab class="vtab vtab-radius1">{{
            $t("assessment.CompanyRiskInfo")
          }}</v-tab>
          <v-tab class="vtab">{{ $t("assessment.CompanyRiskAnalysis") }}</v-tab>
          <!-- 公司风险信息 -->
          <v-tab-item lazy>
            <riskInfo />
          </v-tab-item>
          <!-- 公司风险分析 -->
          <v-tab-item lazy>
            <analysis />
          </v-tab-item>
        </v-tabs>
      </div>
    </v-container>
  </v-container>
</template>

<script>
import riskInfo from "./riskInfo"; //基本信息
import analysis from "./analysis"; //股权和融资信息
export default {
  components: {
    riskInfo,
    analysis,
  },
  watch: {
    "$route.query.active"() {
      // this.active = this.$route.query.active;
    },
    active() {
      this.$router.push({
        path: "riskmanage",
        query: {
          active: this.active,
        },
      });
    },
  },
  data() {
    return {
      active: Number(this.$route.query.active) || 0,
    };
  },
};
</script>

<style lang="scss" scoped>
.vcontainer {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  padding: 0;
}
.detail-info {
  padding: 20px;
}
.vtab-toggle {
  width: 100%;
}

.v-window-item {
  margin-top: 20px;
}
.vtab {
  width: 50%;
  max-width: initial !important;
  min-width: 145px !important;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #7674a3;
  background-color: #fff;
}
</style>
